/* You can add global styles to this file, and also import other style files */

@import "../src/assets/primeng/resources/themes/omega/theme.css";
@import "../src/assets/primeng/resources/primeng.css";
@import "../src/assets/bootstrap/css/bootstrap.css";
@import "../node_modules/font-awesome/css/font-awesome.css";
@import "../node_modules/admin-lte/plugins/pace/pace.css";

@import "../node_modules/admin-lte/plugins/timepicker/bootstrap-timepicker.css";
@import "../node_modules/admin-lte/plugins/daterangepicker/daterangepicker.css";
@import "../src/assets/css/AdminLTE.css";
@import "../src/assets/css/_all-skins.css";
@import "../node_modules/admin-lte/plugins/iCheck/all.css";
/* @import "../node_modules/admin-lte/plugins/fullcalendar/fullcalendar.css"; */

@import "../node_modules/admin-lte/plugins/datepicker/datepicker3.css";
@import "../node_modules/fuelux/dist/css/fuelux.css";
@import "../node_modules/bootstrap-select/dist/css/bootstrap-select.css";
@import "../src/assets/css/bs-is-fun.css";
@import "../src/assets/css/dataTables.bootstrap.css";
@import "../src/assets/css/awesome-bootstrap-checkbox.css";
@import "../src/assets/fullcalendar/dist/fullcalendar.css";
@import '../node_modules/flatpickr/dist/flatpickr.css';
@import "../node_modules/admin-lte/plugins/select2/select2.min.css";
@import "../node_modules/ztree/css/metroStyle/metroStyle.css";
/* @font-face {
  font-family: STHeiti;
  src: url('../src/assets/fonts/STHeiti.ttf');
} */

body {
    font-family: "Microsoft YaHei" !important;
    color: black;
    font-size: 14px;
    font-weight: 400;
    padding-right: 0 !important;
}

// 字体大小
.ztree * {
    font-size: 13px !important;
    font-weight: 350 !important;
    font-family: "Microsoft YaHei" !important;
}

.fc th {
    color: black !important;
    font-size: 16px;
}

.modal-llg {
    width: 95% !important;
}

// 解决modal丢失滑动条
.modal-open {
    overflow: scroll !important;
}

.badge {
    min-width: 20px !important;
}

// .product-detail-sweetalert.sweet-alert {
// top: 10% !important;
// }
.fc-event {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
}

.fc-event .fc-content {
    // display: none !important;
    text-align: center;
}

.fc-title {
    font-size: 10px !important;
}

/* 日历标题 */

.fc-center>h2 {
    font-size: 16px;
    color: rgb(0, 80, 150);
}

/* 日历标题底部边距 */

.fc-toolbar .fc-header-toolbar {
    margin-bottom: 0px !important;
}

/* 日历当日日期背景色 */

.fc-unthemed td.fc-today {
    background: #4bbae2;
}

/* 日历按钮 */

.fc-state-default {
    background-color: rgb(0, 80, 150);
}

.fc-day-grid-event .fc-time {
    display: none !important;
}

.fc-button:hover,
.fc-button:active,
.fc-button.hover {
    background-color: rgb(30, 185, 225);
}

.table td .btn-xs {
    margin-right: 10px;
}

.box {
    border-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.show-box {
    border-top: 3px solid #d2d6de !important;
    border-radius: 3px !important;
    margin-bottom: 50px;
}

.content {
    padding-top: 0px;
}

.table-keep-line {
    word-break: keep-all;
    white-space: nowrap;
    th {
        vertical-align: middle !important;
        text-align: center !important;
    }
    td {
        text-align: center !important;
    }
}

.sidebar-menu>li.active>a {
    background: #ccc !important;
}

.treeview-menu>li.active>a {
    background: #d2d6de !important;
}

.btn-primary {
    // color: yellow;
    background-color: rgb(30, 185, 225);
    border: none;
    font-family: 微软雅黑;
    font-weight: 200;
    border-radius: 0px !important;
    margin-right: 3px;
}

/* .skin-blue-light .main-header .navbar {
  background-color: rgb(30,185,225);
}
 */

// .skin-blue-light .main-header li.user-header {
//     background-color: rgb(30, 185, 225);
// }
.skin-blue-light .main-header li.user-header {
    background-color: rgb(0, 120, 180);
}

/* .skin-blue-light .main-header .logo {
  background-color: rgb(30,185,225);
} */

/* .skin-blue-light .main-header .logo:hover {
  background-color: rgb(30,185,225);
} */

/* .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: rgb(30,185,225);
} */

th {
    background-color: rgb(30, 185, 225);
    color: white;
    text-align: center;
    font-family: 微软雅黑;
    font-weight: 350;
    height: 36px !important;
    font-size: 13px;
    padding-right: 0px !important;
}

td {
    text-align: center;
    font-family: 微软雅黑;
    font-weight: 350;
    color: black;
    height: 34px;
    font-size: 13px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th {
    padding: 0px;
}

.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
    color: rgb(0, 80, 150);
}

// 
.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: rgb(30, 185, 225);
    color: white;
}

.nav-tabs-custom>.nav-tabs>li>a {
    color: rgb(0, 80, 150);
    font-weight: 600;
    font-size: 15px;
}

.nav-tabs-custom>.nav-tabs>li {
    margin-bottom: 0px;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: rgb(30, 185, 225); // margin-bottom: 0px;
    font-size: 15px !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-right-width: 0px;
    border-left-width: 0px
}

.nav-tabs-custom>.nav-tabs {
    border-bottom-color: rgb(30, 185, 225);
}

table.dataTable.no-footer {
    border-bottom: none;
}

//   按钮图标与文字的间隔
.fa {
    margin-right: 3px;
}

.divider {
    width: 80%;
    margin: 50px auto;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: rgb(30, 185, 225) !important;
}

.nav-tabs-custom>.nav-tabs>li {
    border-top: 0px !important;
}

.btn-app-custom {
    color: rgb(30, 185, 225);
    border-color: white;
    width: 35px !important;
    height: 40px !important;
    background-color: white;
    padding: 5px 0px;
    margin: 0;
    min-width: 0px;
}

// 所有table thead th标题底部
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0px !important;
}

// 所有table条纹
// .table-striped>tbody>tr:nth-child(odd) {
//   background-color: #ffffff !important;
// }
// .table-striped>tbody>tr:nth-child(even) {
//   background-color: #f9f9f9 !important;
// }
.table-striped>tbody>tr:hover {
    background-color: #d2d6de !important;
}

.table-striped>tbody>tr:nth-child(even) {
    background-color: #EEEEEE;
}

// datatable-control第一列不排序(checkbox)
// datatable-control-more多列不排序(第一列为checkbox)
// datatable-control-custom指定列不排序 
// datatable-control-all所有列排序
// 表格排序图标与文字对齐
.datatable-control thead tr th::after,
.datatable-control-more thead tr th::after,
.datatable-control-custom thead tr th::after,
.datatable-control-all thead tr th::after {
    //margin-left: 3px !important;
    margin-top: 6px !important;
}

// 第一列checkbox排序图标隐藏
/* .datatable-control thead tr th:first-child::after,
.datatable-control-more thead tr th:first-child::after {
  display: none !important;
} */

// 第一列checkbox
/* .datatable-control thead tr th:first-child label,
.datatable-control-more thead tr th:first-child label {
  margin-left: 50% !important;
} */

// 所有table格子保持中间对齐
.table tr th,
.table tr td,
    {
    vertical-align: middle !important; // text-align: center!important;
}

.box-title {
    font-size: 18px !important;
}

/* 附件折叠标题 */

h3.box-title {
    font-size: 16px !important;
}

.title {
    font-size: 18px !important;
}

.skin-blue-light .sidebar a {
    font-size: 14px !important;
}

label {
    font-size: 14px;
    font-weight: 400 !important;
}

// 弹窗
.sweet-alert button:hover {
    border-radius: unset !important;
    background-color: rgb(0, 80, 150) !important;
}

.sweet-alert button.confirm {
    border-radius: unset !important;
    background-color: #1eb9e1 !important;
}

.sweet-alert button.confirm:hover {
    border-radius: unset !important;
    background-color: rgb(0, 80, 150) !important;
}

.sweet-alert button.cancel {
    border-radius: unset !important;
    background-color: rgb(204, 204, 204) !important;
}

.sweet-alert button.cancel:hover {
    border-radius: unset !important;
    background-color: rgb(150, 150, 150) !important;
}

.sweet-alert {
    border-radius: unset !important;
}

/*修改提示文字的颜色*/

input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    font-weight: 400;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    font-weight: 400;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 14px;
    font-weight: 400;
}

.form-control {
    font-size: 14px;
    font-weight: 400;
}

/* 上传文件按钮样式 */

.btn-upload {
    font-size: 10px;
    height: 22px;
    width: 64px;
    padding: 2px
}

/* td里的div居中 */

.td-content-center {
    margin: 5px auto;
}

.td-content-wrapper {
    height: 24px;
    width: 200px;
}

.td-rename-input {
    width: 150px;
    height: 25px !important;
}

// 必填标识
.span-style {
    color: red;
    font-size: 17px;
    margin-right: 3px;
}

// 风控输入框标红
.background-red {
    background-color: red;
}

// 列表百分比宽度
.width-40 {
    width: 35% !important;
}

.width-35 {
    width: 35% !important;
}

.width-30 {
    width: 30% !important;
}

.width-25 {
    width: 25% !important;
}

.width-24 {
    width: 24% !important;
}

.width-23 {
    width: 23% !important;
}

.width-22 {
    width: 22% !important;
}

.width-20 {
    width: 20% !important;
}

.width-18 {
    width: 18% !important;
}

.width-17 {
    width: 17% !important;
}

.width-15 {
    width: 15% !important;
}

.width-14 {
    width: 14% !important;
}

.width-13 {
    width: 13% !important;
}

.width-12 {
    width: 12% !important;
}

.width-11 {
    width: 11% !important;
}

.width-10 {
    width: 10% !important;
}

.width-9 {
    width: 9% !important;
}

.width-8 {
    width: 8% !important;
}

.width-7 {
    width: 7% !important;
}

.width-6 {
    width: 6% !important;
}

.width-5 {
    width: 5% !important;
}

.width-4 {
    width: 4% !important;
}

.width-3 {
    width: 3% !important;
}

// 复选框
.checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.checkbox {
    padding-left: 10px;
}

// 解决列表字段显示过长
.short_name {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

/* stepbar font style */

.nav-pills>li.active>a {
    font-weight: 400;
    font-size: 16px;
}

.step-round>li>a {
    font-size: 13px !important;
    position: static;
    padding: 0px 0px 15px 0px;
}

// 小步骤条样式
.sStep {
    counter-reset: unset;
}

.sStep li {
    position: relative;
}

.sStep li a:before {
    content: "";
    height: 12px !important;
    width: 12px !important;
    margin-top: 4px !important;
}

.sStep li a:after {
    content: "";
}

// 数字校验提示信息,风控数据修改标红
.errorTip,
.dataChange {
    color: red;
}

//风控管理条目修改表头颜色
.risk-MarkBlue {
    color: blue;
}

.risk-MarkGreen {
    color: green;
}

.risk-MarkRed {
    color: red;
}

.risk-MarkYellow {
    color: yellow;
}

// 风控数据修改标蓝
.triangle-topleft {
    left: 0;
    top: 0;
    position: absolute !important;
    width: 8;
    height: 8;
    border-top: 8px solid rgb(30, 185, 225);
    border-right: 8px solid transparent;
}

// 去除附件tab头下面的间隔
.remove-border {
    box-shadow: none !important;
}

// 去除附件表格边框间隔
.remove-top-border {
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

// 滚动条table
.table-scroll-content {
    width: 100%;
    overflow: auto;
}

//隐藏排序加载太慢而出现空td
.dataTables_empty {
    display: none !important;
}

// 去除附件表格间隔
// .remove-top-border tbody tr td:first-child{
//   background-color:white !important; 
//   border:0.1px solid #E9E9E9 !important;
// }
//下拉多选框字体颜色
.select2-selection__choice {
    color: black !important;
} //兼容ie样式问题
input[name=file] {
    display: inline-block;
    height: 45px !important;
}

// 多选下拉框选项宽度
.bootstrap-select.btn-group .dropdown-menu {
    max-width: 150% !important;
}

// 多选下拉框背景颜色
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    background-color: white !important;
}

// 单选下拉框高度
.select2-container .select2-selection--single {
    height: 32px !important;
}

// 表格排序图标
.fa-sort {
    position: relative;
    opacity: 0.4;
    left: 2px;
}

/**固定表头，表格内容可滚动**/

#fixed-table tbody {
    display: block;
    max-height: 350px;
    overflow-y: scroll;
}

#fixed-table thead,
#fixed-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

// // 谷歌隐藏滚动条
// ::-webkit-scrollbar {
//     width: 0.1px;
// }
// 排除滚动条样式
#fixed-table thead {
    width: calc( 100% - 17px);
}

/**固定表头，表格内容可滚动 END**/

// .modal-dialog {
//     width: 1050px;
//     margin: 30px auto;
// }
table .ui-state-default {
    border: 0px solid #d6d6d6;
    background: #ffffff;
    color: #555555;
}